<template>
    <div>
        我是分类页的子组件
        <ul>
            <li v-for="item in beautyGirl"> {{ item }}</li>
        </ul>
        <button @click="emitFn">点击事件</button>
    </div>
</template>

<script>
import { ref } from 'vue'
export default {
    name: '',
    props: ['beautyGirl'],
    emits: ['transfer'],
    setup(props, context) {
        // 获取父组件传递的参数
        //    / console.log('props', props.beautyGirl);

        // 子传父 
        const namestr = ref('我是子组件中的数据')
        const emitFn = () => {
            console.log('context', context);
            // context 是一个上下文对象 中有emit 方法可以实现父子组件传值
            context.emit('transfer', namestr)
        }

        return {
            emitFn
        }
    }

}

</script>
<style scoped>

</style>